body {
    /* background: linear-gradient(to right, #ff9569 0%, #e92758 100%); */
    background: linear-gradient(to right, #bc95c6 0%, #7dc4cc 100%);
    font-size: 15px;
}
/* 容器宽度 */
.continer {
    /* width: 30vw; */
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.3);
    filter: opacity(90%);
    height: 100vh;
    overflow: hidden;
}

/* 表格宽度 */
.layui-form-item {
    margin-left: auto;
    margin-right: auto;
}

h1 {
    text-align: center;
}

h2 {
    text-align: center;
    font-family: 'Roboto',
        sans-serif;
}
.home {
    margin-top: 80px;
}
.home a{
    font-size: 18px;
}
.big_title {
    margin-top: 30px;
}

.small_title {
    margin-top: 3px;
}

.layer_button {
    position: relative;
    margin: 0;
    padding: 0;
}

.layer_button div {
    position: absolute;
    margin-top: 40px;
}

.layer_button div:first-child {
    right: 100px;
}

.layer_button div:last-child {
    right: 6px;
}

/* 按钮1颜色 */
.color_red {
    background-color: #ff5722;
    transform: scale(0.8, 0.8);
    font-size: 16px;
}

.color_blue {
    background-color: #1e9fff;
    transform: scale(0.8, 0.8);
    font-size: 16px;
}

.button_type {
    width: 94px;
    height: 38px;
    text-indent: 32px;
    line-height: 38px;
    font-weight: 500;
    font-size: 14px;
    float: right;
    /* border: 1px solid; */
    color: #fff;
    border-radius: 3px;
}

.button_type:hover {
    filter: opacity(0.85);
    cursor: pointer
}

.hand_out {
    margin-top: 20px;
    right: 0;
    background-color: #009688;
}

.hand_out:active {
    background-color: #009688;
}



.mask {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99;
}

.layer {
    margin: auto;
    transform: translateY(10vh);
    width: 452px;
    height: 170px;
    /* border: 1px solid red; */
    background-color: #4a4a4a;
    border-radius: 2px;
    color: #fff;
    overflow: hidden;
}

.layer p {
    margin-top: 30px;
    text-indent: 35px;
    font-size: 20px;
}

.layui-form-text {
    margin-top: 38px;
}

.layui-textarea {
    height: 38px;

}
.form_block {
    margin-top: 57px;
}

/* 手机 */
@media screen and(min-width:0px) and (max-width:800px){
    .layui-form-item{
        width: 280px;
    }
}
/* 电脑*/
@media screen and(min-width:801px) and (max-width:1200px) {

    .continer {
        background-color: aqua;
        padding: 0;
        margin: 0;
        filter: opacity(90%);
        background-color: rgba(255, 255, 255, 0.3);
    }
    .layui-form-item {
        width: 864px;
    }
    .big_title {
        margin-top: 182px;
    }

    .small_title {
        margin-top: 3px;
    }
}

/* 电脑 */
@media screen and (min-width:1201px) and (max-width:1872px) {
    .continer {
        width: 1200px;
        filter: opacity(90%);
        background-color: rgba(255, 255, 255, 0.3);
    }
    .layui-form-item {
        width: 864px;
    }
    .big_title {
        margin-top: 100px;
    }

    .small_title {
        margin-top: 3px;
    }

}